{% extends "userlayout.html" %}

{% block content %}
<style type="text/css" media="screen">
    #privacy {

    }

    #privacy table {
        border-collapse: collapse;
    }

    #privacy table th {
        font-weight: bold;
        font-size: 11px;
        text-align: left;
        line-height: 14px;
        border-bottom: 1px solid #CCC;
    }

    #privacy .optionText {
        width: 230px;
        border-bottom: 1px solid #CCC;
        padding: 3px;
        font-size: 11px;
    }

    #privacy .radioButton {
        width: 50px;
        text-align: center;
        border-bottom: 1px solid #CCC;
        padding: 3px;
        font-size: 11px;
    }

    #privacy .centerMe {
        text-align: center;
    }
</style>
<div class="Block" style="overflow:hidden" id="privacy">
<h4>Privacy Settings</h4>
<br>
    <form action="javascript:;" method="post">
        <table>
            <tr>
                <th></th><th>General</th><th class="centerMe">On</th><th class="centerMe">Off</th>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td class="optionText">
                    Show Email Address
                </td>
                <td class="radioButton">
                    <input type="radio" name="showEmail" value="On">
                </td>
                <td class="radioButton">
                    <input type="radio" name="showEmail" value="Off">
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td class="optionText">
                    Send Free Money
                </td>
                <td class="radioButton">
                    <input type="radio" name="showEmail" value="On">
                </td>
                <td class="radioButton">
                    <input type="radio" name="showEmail" value="Off">
                </td>
            </tr>
        </table>
    </form>
</div>
{% endblock %}
